<!--
 * @Author: 夏郑兴 971348024@qq.com
 * @Date: 2022-11-17 19:24:36
 * @LastEditors: 夏郑兴 971348024@qq.com
 * @LastEditTime: 2023-03-01 14:44:13
 * @FilePath: /szls-gitee-project/Users/xzx/Desktop/szls/starter-3/app.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<div id="app-main">
		<!-- 是否禁用 inline css 主题变量，如果你不会频繁调整主题变量，
	并且需要 SSR 或者想让 devtools 看起来更干净，
	可以打开这个选项。注意，这个属性不是响应式的 -->
		<n-config-provider :theme="theme" >
			<!-- <n-button @click="theme = darkTheme">
			  深色
			</n-button>
			<n-button @click="theme = null">
			  浅色
			</n-button> -->
			<NuxtLayout>
				<NuxtPage />
			</NuxtLayout>
		</n-config-provider>
	</div>
</template>
<script setup>
	import {
		NButton,
		NConfigProvider,
		darkTheme
	} from "naive-ui";
	const theme = ref(null)
	const layout = 'default'
</script>
<style>
	#app-main {
		width: 100%;
		height: 100vh;
	}
</style>
